﻿<!DOCTYPE html>
<html>
  <head>
    <title>下订页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/下订页_2/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/下订页_2/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u5555" class="ax_default box_1">
        <div id="u5555_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5556" class="ax_default label">
        <div id="u5556_div" class=""></div>
        <div id="u5556_text" class="text ">
          <p><span>该姓名需要与发票上的姓名一致（仅限购车发票）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5557" class="ax_default label">
        <div id="u5557_div" class=""></div>
        <div id="u5557_text" class="text ">
          <p><span>用于接收购买凭证，请确保准确</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5558" class="ax_default label">
        <div id="u5558_div" class=""></div>
        <div id="u5558_text" class="text ">
          <p><span>购买人信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5559" class="ax_default" data-left="156" data-top="196" data-width="313" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u5560" class="ax_default label">
          <div id="u5560_div" class=""></div>
          <div id="u5560_text" class="text ">
            <p><span>购买人：</span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u5561" class="ax_default text_field">
          <input id="u5561_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5562" class="ax_default box_1">
        <div id="u5562_div" class=""></div>
        <div id="u5562_text" class="text ">
          <p><span>1填写并核对订单信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5563" class="ax_default placeholder">
        <img id="u5563_img" class="img " src="images/下订页20-5/u5110.png"/>
        <div id="u5563_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5564" class="ax_default line">
        <img id="u5564_img" class="img " src="images/020_____-demo/u833.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5565" class="ax_default box_1">
        <div id="u5565_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5566" class="ax_default label">
        <div id="u5566_div" class=""></div>
        <div id="u5566_text" class="text ">
          <p><span>商品信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5567" class="ax_default label">
        <div id="u5567_div" class=""></div>
        <div id="u5567_text" class="text ">
          <p><span>服务</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5568" class="ax_default label">
        <div id="u5568_div" class=""></div>
        <div id="u5568_text" class="text ">
          <p><span>凌派试驾</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5569" class="ax_default label">
        <div id="u5569_div" class=""></div>
        <div id="u5569_text" class="text ">
          <p><span>数量</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5570" class="ax_default label">
        <div id="u5570_div" class=""></div>
        <div id="u5570_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5571" class="ax_default label">
        <div id="u5571_div" class=""></div>
        <div id="u5571_text" class="text ">
          <p><span>金额（元）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5572" class="ax_default label">
        <div id="u5572_div" class=""></div>
        <div id="u5572_text" class="text ">
          <p><span>99</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5573" class="ax_default" data-left="123" data-top="909" data-width="378" data-height="58">

        <!-- Unnamed (Rectangle) -->
        <div id="u5574" class="ax_default box_1">
          <div id="u5574_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5575" class="ax_default box_1">
          <div id="u5575_div" class=""></div>
          <div id="u5575_text" class="text ">
            <p><span>提交订单</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5576" class="ax_default label">
          <div id="u5576_div" class=""></div>
          <div id="u5576_text" class="text ">
            <p><span>本次应付金额：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5577" class="ax_default label">
          <div id="u5577_div" class=""></div>
          <div id="u5577_text" class="text ">
            <p><span>￥99.00</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5578" class="ax_default box_1">
        <div id="u5578_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5579" class="ax_default box_1">
        <div id="u5579_div" class=""></div>
        <div id="u5579_text" class="text ">
          <p><span>2选择支付方式</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5580" class="ax_default placeholder">
        <img id="u5580_img" class="img " src="images/下订页20-5/u5133.png"/>
        <div id="u5580_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5581" class="ax_default line">
        <img id="u5581_img" class="img " src="images/020_____-demo/u833.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5582" class="ax_default" data-left="647" data-top="720" data-width="378" data-height="58">

        <!-- Unnamed (Rectangle) -->
        <div id="u5583" class="ax_default box_1">
          <div id="u5583_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5584" class="ax_default box_1">
          <div id="u5584_div" class=""></div>
          <div id="u5584_text" class="text ">
            <p><span>支付</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5585" class="ax_default label">
          <div id="u5585_div" class=""></div>
          <div id="u5585_text" class="text ">
            <p><span>本次应付金额：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5586" class="ax_default label">
          <div id="u5586_div" class=""></div>
          <div id="u5586_text" class="text ">
            <p><span>￥99.00</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5587" class="ax_default box_1">
        <div id="u5587_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5588" class="ax_default label">
        <div id="u5588_div" class=""></div>
        <div id="u5588_text" class="text ">
          <p><span>付款时间： 2018-09-23&nbsp; 16：23：12</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5589" class="ax_default label">
        <div id="u5589_div" class=""></div>
        <div id="u5589_text" class="text ">
          <p><span>验证码已经发送您的联系手机：</span></p><p><span><br></span></p><p><span>133***373，请注意查收。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5590" class="ax_default label">
        <div id="u5590_div" class=""></div>
        <div id="u5590_text" class="text ">
          <p><span>如有疑问，请联系我们在线客服</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5591" class="ax_default box_1">
        <div id="u5591_div" class=""></div>
        <div id="u5591_text" class="text ">
          <p><span>3购买成功</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5592" class="ax_default placeholder">
        <img id="u5592_img" class="img " src="images/下订页20-5/u5133.png"/>
        <div id="u5592_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5593" class="ax_default line">
        <img id="u5593_img" class="img " src="images/020_____-demo/u833.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5594" class="ax_default heading_1">
        <div id="u5594_div" class=""></div>
        <div id="u5594_text" class="text ">
          <p><span>订单付款成功！</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5595" class="ax_default sticky_3">
        <div id="u5595_div" class=""></div>
        <div id="u5595_text" class="text ">
          <p><span>提交订单悬浮在底部，不随页面滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5596" class="ax_default" data-left="137" data-top="377" data-width="140" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5597" class="ax_default label">
          <div id="u5597_div" class=""></div>
          <div id="u5597_text" class="text ">
            <p><span>服务城市：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5598" class="ax_default label">
          <div id="u5598_div" class=""></div>
          <div id="u5598_text" class="text ">
            <p><span>广州市</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5599" class="ax_default label">
        <div id="u5599_div" class=""></div>
        <div id="u5599_text" class="text ">
          <p><span>支付方式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5600" class="ax_default label">
        <div id="u5600_div" class=""></div>
        <div id="u5600_text" class="text ">
          <p><span>在线支付</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5601" class="ax_default" data-left="137" data-top="602" data-width="140" data-height="48">

        <!-- Unnamed (Rectangle) -->
        <div id="u5602" class="ax_default label">
          <div id="u5602_div" class=""></div>
          <div id="u5602_text" class="text ">
            <p><span>可使用的优惠券</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u5602_ann" class="annotation"></div>

        <!-- Unnamed (Droplist) -->
        <div id="u5603" class="ax_default droplist">
          <select id="u5603_input">
            <option value="暂无">暂无</option>
            <option selected value="送行车记录仪">送行车记录仪</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5604" class="ax_default label">
        <div id="u5604_div" class=""></div>
        <div id="u5604_text" class="text ">
          <p><span>可获得的权益</span></p>
        </div>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u5605" class="ax_default checkbox">
        <label for="u5605_input" style="position: absolute; left: 0px;">
          <div id="u5605_text" class="text ">
            <p><span>行车记录仪</span></p>
          </div>
        </label>
        <input id="u5605_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u5606" class="ax_default checkbox">
        <label for="u5606_input" style="position: absolute; left: 0px;">
          <div id="u5606_text" class="text ">
            <p><span>全车镀膜</span></p>
          </div>
        </label>
        <input id="u5606_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u5607" class="ax_default checkbox">
        <label for="u5607_input" style="position: absolute; left: 0px;">
          <div id="u5607_text" class="text ">
            <p><span>赠送挡泥板</span></p>
          </div>
        </label>
        <input id="u5607_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5608" class="ax_default" data-left="137" data-top="402" data-width="196" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5609" class="ax_default label">
          <div id="u5609_div" class=""></div>
          <div id="u5609_text" class="text ">
            <p><span>服务特约店：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5610" class="ax_default label">
          <div id="u5610_div" class=""></div>
          <div id="u5610_text" class="text ">
            <p><span>广汽本田东圃店</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5611" class="ax_default" data-left="137" data-top="428" data-width="282" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5612" class="ax_default label">
          <div id="u5612_div" class=""></div>
          <div id="u5612_text" class="text ">
            <p><span>订单核销期限：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5613" class="ax_default label">
          <div id="u5613_div" class=""></div>
          <div id="u5613_text" class="text ">
            <p><span>2018-09-21至2018-12-21</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5614" class="ax_default" data-left="137" data-top="576" data-width="282" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5615" class="ax_default label">
          <div id="u5615_div" class=""></div>
          <div id="u5615_text" class="text ">
            <p><span>权益申请期限：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5616" class="ax_default label">
          <div id="u5616_div" class=""></div>
          <div id="u5616_text" class="text ">
            <p><span>2018-09-21至2018-12-21</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5617" class="ax_default label">
        <div id="u5617_div" class=""></div>
        <div id="u5617_text" class="text ">
          <p><span>购买信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5618" class="ax_default" data-left="693" data-top="333" data-width="181" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5619" class="ax_default label">
          <div id="u5619_div" class=""></div>
          <div id="u5619_text" class="text ">
            <p><span>本次支付金额</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5620" class="ax_default label">
          <div id="u5620_div" class=""></div>
          <div id="u5620_text" class="text ">
            <p><span>￥99.00</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5621" class="ax_default" data-left="693" data-top="368" data-width="205" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5622" class="ax_default label">
          <div id="u5622_div" class=""></div>
          <div id="u5622_text" class="text ">
            <p><span>订单倒计时</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5623" class="ax_default label">
          <div id="u5623_div" class=""></div>
          <div id="u5623_text" class="text ">
            <p><span>00：30：56</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5624" class="ax_default" data-left="695" data-top="241" data-width="159" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5625" class="ax_default label">
          <div id="u5625_div" class=""></div>
          <div id="u5625_text" class="text ">
            <p><span>服务</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5626" class="ax_default paragraph">
          <div id="u5626_div" class=""></div>
          <div id="u5626_text" class="text ">
            <p><span>凌派&nbsp; </span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5627" class="ax_default label">
        <div id="u5627_div" class=""></div>
        <div id="u5627_text" class="text ">
          <p><span>活动名称：凌派年终大优惠</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5628" class="ax_default" data-left="693" data-top="271" data-width="196" data-height="17">

        <!-- Unnamed (Rectangle) -->
        <div id="u5629" class="ax_default label">
          <div id="u5629_div" class=""></div>
          <div id="u5629_text" class="text ">
            <p><span>服务特约店：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5630" class="ax_default label">
          <div id="u5630_div" class=""></div>
          <div id="u5630_text" class="text ">
            <p><span>广汽本田东圃店</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5631" class="ax_default image">
        <img id="u5631_img" class="img " src="images/下订页20-5/u5195.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5632" class="ax_default sticky_3">
        <div id="u5632_div" class=""></div>
        <div id="u5632_text" class="text ">
          <p><span>调整为下方样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5633" class="ax_default box_1">
        <div id="u5633_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5634" class="ax_default box_1">
        <div id="u5634_div" class=""></div>
        <div id="u5634_text" class="text ">
          <p><span>仅限于M版提示，小程序和微信浏览器内不用</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5635" class="ax_default box_1">
        <div id="u5635_div" class=""></div>
        <div id="u5635_text" class="text ">
          <p><span>目前手机浏览器仅支持银行卡支付。如需使用微信支付，</span></p><p><span>方法①：将本页面截图后（包含左侧小程序码），在微信“扫一扫”中打开手机相册选择截图，并在打开的页面中点击“立即支付”。</span></p><p><span>方法②：微信搜索“广汽本田商城”小程序，查看订单并支付。</span></p><p><span>方法③：电脑端（mall.ghac.cn）访问，查看订单并支付。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5636" class="ax_default sticky_3">
        <div id="u5636_div" class=""></div>
        <div id="u5636_text" class="text ">
          <p><span>链接地址：</span></p><p><span>个人中心-我的订单-待支付</span></p><p><span><br></span></p><p><span>该链接生成一个二维码</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5637" class="ax_default image">
        <img id="u5637_img" class="img " src="images/下订页20-5/u5200.png"/>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5638" class="ax_default arrow">
        <img id="u5638_img" class="img " src="images/下订页20-5/u5201.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5639" class="ax_default" data-left="156" data-top="258" data-width="313" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u5640" class="ax_default label">
          <div id="u5640_div" class=""></div>
          <div id="u5640_text" class="text ">
            <p><span>手机号码：</span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u5641" class="ax_default text_field">
          <input id="u5641_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5642" class="ax_default box_1">
        <div id="u5642_div" class=""></div>
        <div id="u5642_text" class="text ">
          <p><span>查看订单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5643" class="ax_default box_1">
        <div id="u5643_div" class=""></div>
        <div id="u5643_text" class="text ">
          <p><span>返回首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5644" class="ax_default box_1">
        <div id="u5644_div" class=""></div>
        <div id="u5644_text" class="text ">
          <p><span>测一测你的额度</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
